<script lang="ts" setup>
import { defineEmits, defineProps, onMounted, ref } from 'vue';

withDefaults(
  defineProps<{
    open?: Boolean;
    userId: string;
  }>(),
  {
    open: false, // 默认值
  },
);
const emit = defineEmits(['close']);
const _selectedRowKeys = ref<string[]>([]);
const loading = ref<boolean>(false);
const role = ref({
  roleId: '1',
  roleName: '超级管理员',
});

const onClose = () => {
  emit('close');
};

onMounted(() => {
  list();
});

const list = async () => {};
</script>
<template>
  <a-modal
    :visible="open"
    title="用户角色"
    width="340px"
    @ok="onClose"
    @cancel="onClose"
  >
    <div>
      <a-select v-model:value="role.roleId" style="width: 100%">
        <a-select-option value="1">超级管理员</a-select-option>
        <a-select-option value="已盘">普通用户</a-select-option>
        <a-select-option value="未盘">游客</a-select-option>
      </a-select>
    </div>
  </a-modal>
</template>
<style scoped></style>
